var mouse = {};
var totalWidth = 1000;
var generalScale = 20;
//molecules to coordinates

function BalancingEquations(div) {
   this.div = div;
   this.molecules = JSON.parse(div.attr("molecules"));

}

BalancingEquations.prototype = {
    start : function() {
        var d = this.div;

        var numberOfMolecules = this.molecules.length;
        for(var j = 0; j < numberOfMolecules; j++) {
            var name = this.molecules[j];
            var top = 400;
            var left = (totalWidth / numberOfMolecules) * j
            d.append("<canvas name='" + name + "' style='position:absolute;" +
            "left:" + left + "px;top:" + top + "px;' width='100px' height='100px'></canvas>");

        }

        drawMolecules(d);
        var c = d.find
    }
};